<%@page import="servlets.MainServlet"%>
<%@ page contentType="text/html;charset=UTF-8" language="java"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<link href="../css/verEnvio.css" rel="stylesheet" type="text/css">
<link href="../css/form.css" rel="stylesheet" type="text/css">
<jsp:include page="header.jsp" flush="true" />
<div id="content">
	<div class="bootstrap-frm">
		<h1>Cliente</h1>
			
		<label> 
			<span class="label">DNI o CUIT:</span>
			<span class="valor"><c:out value="${cliente.clienteId}"/></span>
		</label>
		<c:if test="${cliente.class.name == 'Negocio.EmpresaRegular' }">
			<label> 
				<span class="label">Razón Social:</span>
				<span class="valor"><c:out value="${cliente.razonSocial}"/></span>
			</label>
		</c:if>
		<label>
			<span class="label">Tipo de Cliente:</span>
			<span class="valor">
				<c:choose>
					<c:when test="${cliente.class.name == 'Negocio.ClienteParticular' }">
						Cliente Particular
				    </c:when>
				    <c:when test="${cliente.class.name == 'Negocio.EmpresaRegular' }">
						Empresa Regular
				    </c:when>        
				    <c:otherwise>
				    	Empresa Ocasional
				    </c:otherwise>
				</c:choose>
			</span>
		</label>
		<c:if test="${cliente.class.name == 'Negocio.ClienteParticular' }">
			<label> 
				<span class="label">Nombre:</span> 
				<span class="valor"><c:out value="${cliente.nombre}"/></span>
			</label>
		
			<label> 
				<span class="label">Apellido:</span>
				<span class="valor"><c:out value="${cliente.apellido}"/></span>
			</label>
	    </c:if>
	    <h2>
	    	Dirección
	    </h2>
		<label>
			<span class="label">Calle:</span>
			<span class="valor"><c:out value="${cliente.calle}" /></span>
		</label>
		<label>
			<span class="label">Entre calles:</span>
			<br/>
			<span class="valor"><c:out value="${cliente.entreCalle1}" /></span> y &nbsp;
			<span class="valor"><c:out value="${cliente.entreCalle2}" /></span>
		</label>
		<label>
			<span class="label">Número:</span>
			<span class="valor"><c:out value="${cliente.numero}" /></span>
		</label>
		<label>
			<span class="label">Piso:</span>
			<span class="valor"><c:out value="${cliente.piso}" /></span>
			</label>
			<label>
			<span class="label">Departamento:</span>
			<span class="valor"><c:out value="${cliente.departamento}" /></span>
		</label>
		<label>
			<span class="label">Código Postal:</span>
			<span class="valor"><c:out value="${cliente.codigoPostal}" /></span>
		</label>
		<label>
			<span class="label">Localidad:</span>
			<span class="valor"><c:out value="${cliente.localidad}" /></span>
		</label>
		<label>
			<span class="label">Provincia:</span>
			<span class="valor"><c:out value="${cliente.provincia}" /></span>
		</label>
		<label>
			<span class="label">País:</span>
			<span class="valor"><c:out value="${cliente.pais}" /></span>
		</label>
	</div>
	
	<c:if test="${cliente.class.name == 'Negocio.EmpresaRegular' }">
		<br/>				    
	    <div class="bootstrap-frm">
			<h1>Cuenta Corriente</h1>
			<label>
				<span class="label">Número de cuenta</span>
				<span class="valor">120125000<c:out value="${cliente.cc.cuentaCorrienteId }"/></span>
			</label>
			<label>
				<span class="label">Saldo de cuenta</span>
				<span class="valor"><c:out value="${cliente.cc.saldoCuenta }"/> $</span>
			</label>
			<label>
				<span class="label">Límite de crédito</span>
				<span class="valor"><c:out value="${cliente.cc.limiteDeCredito }"/> $</span>
			</label>
		</div>
		
		<br/>
		<form action="../servlet/mainServlet?actionId=12" method="post" class="frm" onsubmit="return validate(); return false;">
			<h1>Depositar monto
				<span>* Por favor llene todos los campos obligatorios</span>
			</h1>
			<input type="hidden" name="clienteId" value="<c:out value="${cliente.clienteId}"/>"/>
			<span id="montoError" class="error">Por favor ingrese un valor numérico mayor a cero</span>
			<label> 
				<span>* Monto:</span>
				<input type="text" name="monto"/>
			</label>
			<label>
				<span>&nbsp;</span>
				<input type="submit" class="button" value="Depositar"/>
			</label>
		</form>
		
		<br/>				    
	    <div class="bootstrap-frm">
			<h1>Movimientos</h1>
			<c:choose>
				<c:when test="${fn:length(itemsCC) gt 0}">
					<c:forEach items="${itemsCC}" var="item" varStatus="status">
						<label style="display:inline-block; width: 50%; float: left;">
							<span class="label" style="margin-left: 68px;">Tipo</span>
							<span class="valor">
								<c:choose>
									<c:when test="${item.class.name == 'Negocio.ItemCreditoCC' }">
										Crédito
								    </c:when> 
								    <c:otherwise>
								    	Débito
								    </c:otherwise>
								</c:choose>
							</span>
						</label>
						<label style="display:inline-block; width: 50%; float: left;">
							<span class="label">Fecha</span>
							<span class="valor"><c:out value="${item.fecha}"/></span>
						</label>
						<label style="display:inline-block;width:100%;">
							<span class="label" style="margin-left: 6px;">Descripción</span>
							<span class="valor"><c:out value="${item.descripcion}"/></span>
						</label><br/>
						<label style="display:inline-block;">
							<span class="label" style="margin-left: 11px; width: 120px;">Importe Movimiento</span>
							<span class="valor"><c:out value="${item.importeMovimiento}"/> $</span>
						</label>
						<label style="display:inline-block;">
							<span class="label" style="width: 105px;">Saldo Movimiento</span>
							<span class="valor"><c:out value="${item.saldoMovimiento}"/> $</span>
						</label>
						<hr/><br/>
					</c:forEach>
				</c:when>
				<c:otherwise>
					No se registran movimientos
				</c:otherwise>
			</c:choose>
		</div>
	</c:if>
</div>
<script type="text/javascript">
function validate() {
   	var canSubmit = true;
   	
   	var monto = document.getElementsByName('monto')[0].value;
   	if (!isNumericoDecimakMayorCero(monto)) {
   		document.getElementById('montoError').style.display = "inline";
   		canSubmit = false;
   	} else {
   		document.getElementById('montoError').style.display = "";
   	}
   	
	return canSubmit;
   };
   
   function isNumericoDecimakMayorCero(n) {
	   	return !isNaN(parseFloat(n)) && isFinite(n) && n > 0;
   }

</script>
<jsp:include page="footer.jsp" flush="true" />